﻿<!DOCTYPE html>
<html>
	<meta charset="UTF-8"/>
	<head>
		<script>
			function test1(){
				var obj = document.getElementById("info");
				obj.innerHTML = "鼠标单击了！";
				console.log(obj);
			}
			function test2(){
				info.innerHTML = "鼠标双击了DIV";
			}
			function test3(){
				info.innerHTML = "鼠标划入了DIV";
			}
			function test4(){
				info.innerHTML = "鼠标在DIV中移动";
				//console.log(Math.random());
			}
			function test5(){
				info.innerHTML = "鼠标划出了DIV";
			}
			function test6(){
				info.innerHTML = "鼠标被按下";
			}
		</script>
	</head>
	<body>
		<h1>鼠标操作DIV的时间</h1>
		<div id="box" style="width:300px;height:200px; background:#f40;" onclick="test1()" ondblclick="test2()" 
		onmouseover="test3()" onmousemove="test4()" onmouseout="test5()" onmousedown="test6()" ></div>
		<p id="info" class="no1"></p>
	</body>	
</html>











